.nomatch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  background-image: url('https://cdn.jsdelivr.net/gh/Redloney/CDN@1.7/static/img/wallhaven-8orz32.jpg');
  background-size: cover;
  user-select: none;
  background-position: center;

  .center {
    padding: 0 18vw;
    text-align: center;
    background-color: #0005;
    border-radius: 5px;
    border: 2.5px solid #ddd5;
    backdrop-filter: blur(5px);

    img {
      width: 250px;
      animation: rotate 100s linear infinite;
      margin: 25px 0;
    }

    .tips {
      color: #fff;
      font-family: oppo;
      margin: 25px 0;

      .title {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 15px;
      }

      .desc {
        font-weight: bold;
        font-size: 16px;
      }

      .back {
        outline: none;
        border: none;
        background-color: #fff;
        padding: 10px 60px;
        color: #000;
        font-weight: bold;
        font-family: oppo;
        border-radius: 5px;
        margin: 30px 0;
        box-shadow: 2px 2px 0px #979797;

        &:hover {
          background-color: #ddd;
          transition: .5s;
          cursor: pointer;
        }
      }
    }
  }

  @keyframes rotate {
    to {
      transform: rotate(360deg);
    }

  }
}